<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
	<title>Campus Smart Food</title>
	<meta http-equiv="Content-Type" content="text/html" charset=utf-8" />
	<meta name="title" content="Web site" />
	<meta name="description" content="Campus Smart Food Inc" />
	<link id="theme" rel="stylesheet" type="text/css" href="css/style.css" title="theme" />
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
   <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
    <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>    
    <script>
    $(function() {
        $( "#tabs" ).tabs();
		$( "input[type=submit], a, button" )
            .button()
            .click(function( event ) {
                event.preventDefault();
            });		
    });
    </script>	
</head>

<body>
<!-- top wrapper -->
<div id="topWrapper">
<div id="topBanner">
<div id="topLogin">
<font face="verdana,arial" size=-1>
<center><table cellpadding='2' cellspacing='0' border='0' id='ap_table'>
<tr><td bgcolor="red"><table width='100%'><tr><td bgcolor="#880000" align=center <b><font size=-1 color="white" face="verdana,arial"><b>Enter your login and password</b></font></th></tr>
<tr><td bgcolor="white" style="padding:5"><br>
<form method="post" action="" name="aform" target="_top">
<center><table>
<tr><td><font face="verdana,arial" size=-1>Access Card #:</td><td><input type="text" name="card_number"></td></tr>
<tr><td><font face="verdana,arial" size=-1>PIN:</td><td><input type="password" name="pin_code"></td></tr>
<tr><td><font face="verdana,arial" size=-1>&nbsp;</td><td><font face="verdana,arial" size=-1><input type="submit" value="Enter"></td></tr>
<tr><td colspan=2><font face="verdana,arial" size=-1>&nbsp;</td></tr>
</table></center>
</form>
</td></tr></table></td></tr></table>
</div>
</div>
<div id="topnav">
<ul>
<li id="current" style="border: medium none ;"> <a href="#" shape="rect">Home</a> </li>
<li> <a href="#" shape="rect">My Profile</a>
</li>
<li> <a href="#" shape="rect">Visualization</a>
</li>
</ul>
</div>
<!-- end top wrapper -->
<div id="wrapper">
<div id="bg">
<div class="clear vmenu" id="header"></div>
<div id="page"><!-- begin container -->
<div id="container"><!-- content -->
<div id="content"><!-- place content here -->

<div id="midnav">

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Order Menu</a></li>
        <li><a href="#tabs-2">Review</a></li>
    </ul>
    <div id="tabs-1">

<table class="menu_table" cellpadding="10px" cellspacing="10px"><!-- Table for all menu -->
<tr class="menu_row"> <!-- Single Menu Table Row of 3 menu items -->
<td class="menu_data">
<div class="menu" >
<table border="0" cellspacing="0">
	<tr >
		<td valign="top" align="left">
			<h2>Menu 1</h2>
		</td>
		<td valign="bottom" align="center">
			<h3 class="price">$6.99</h3>
		</td>
	</tr>

	<tr>
		<td valign="bottom">
			<img class="menu_pic" border="2px" src="images/cafedetail/cafemenu1_peking_duck.jpg" alt="menu1" width="140px" height = "100px">
		</td>

		<td valign="center"><font size="3">Quantity:</font>
			<select name="menu1_quantity">
                         
			<option value="0" selected="selected">0</option>
			<option value="1" >1</option>
			<option value="2" >2</option>
			<option value="3" >3</option>
			<option value="4" >4</option>
			<option value="5" >5</option>
			<option value="6" >6</option>
			<option value="7" >7</option>
			<option value="8" >8</option>
			<option value="9" >9</option>
			<option value="10" >10</option>
			</select>
		</td>
	</tr>
</table>
</div>
</td><!--menu item-->

<td class="menu_data">
<div class="menu" >
<table border="0" cellspacing="0">
	<tr >
		<td valign="top" align="left">
			<h2>Menu 1</h2>
		</td>
		<td valign="bottom" align="center">
			<h3 class="price">$6.99</h3>
		</td>
	</tr>

	<tr>
		<td valign="bottom">
			<img class="menu_pic" border="2px" src="images/cafedetail/cafemenu1_peking_duck.jpg" alt="menu1" width="140px" height = "100px">
		</td>

		<td valign="center"><font size="3">Quantity:</font>
			<select name="menu1_quantity">
			<option value="0" selected="selected">0</option>
			<option value="1" >1</option>
			<option value="2" >2</option>
			<option value="3" >3</option>
			<option value="4" >4</option>
			<option value="5" >5</option>
			<option value="6" >6</option>
			<option value="7" >7</option>
			<option value="8" >8</option>
			<option value="9" >9</option>
			<option value="10" >10</option>
			</select>
		</td>
	</tr>
</table>
</div>
</td><!--menu item-->

<td class="menu_data">
<div class="menu" >
<table border="0" cellspacing="0">
	<tr >
		<td valign="top" align="left">
			<h2>Menu 1</h2>
		</td>
		<td valign="bottom" align="center">
			<h3 class="price">$6.99</h3>
		</td>
	</tr>

	<tr>
		<td valign="bottom">
			<img class="menu_pic" border="2px" src="images/cafedetail/cafemenu1_peking_duck.jpg" alt="menu1" width="140px" height = "100px">
		</td>

		<td valign="center"><font size="3">Quantity:</font>
			<select name="menu1_quantity">
			<option value="0" selected="selected">0</option>
			<option value="1" >1</option>
			<option value="2" >2</option>
			<option value="3" >3</option>
			<option value="4" >4</option>
			<option value="5" >5</option>
			<option value="6" >6</option>
			<option value="7" >7</option>
			<option value="8" >8</option>
			<option value="9" >9</option>
			<option value="10" >10</option>
			</select>
		</td>
	</tr>
</table>
</div>
</td><!--menu item-->
</tr><!--end of menu row-->

<tr class="menu_row"> <!-- Single Menu Table Row of 3 menu items -->
<td class="menu_data">
<div class="menu" >
<table border="0" cellspacing="0">
	<tr >
		<td valign="top" align="left">
			<h2>Menu 1</h2>
		</td>
		<td valign="bottom" align="center">
			<h3 class="price">$6.99</h3>
		</td>
	</tr>

	<tr>
		<td valign="bottom">
			<img class="menu_pic" border="2px" src="images/cafedetail/cafemenu1_peking_duck.jpg" alt="menu1" width="140px" height = "100px">
		</td>

		<td valign="center"><font size="3">Quantity:</font>
			<select name="menu1_quantity">
			<option value="0" selected="selected">0</option>
			<option value="1" >1</option>
			<option value="2" >2</option>
			<option value="3" >3</option>
			<option value="4" >4</option>
			<option value="5" >5</option>
			<option value="6" >6</option>
			<option value="7" >7</option>
			<option value="8" >8</option>
			<option value="9" >9</option>
			<option value="10" >10</option>
			</select>
		</td>
	</tr>
</table>
</div>
</td><!--menu item-->

<td class="menu_data">
<div class="menu" >
<table border="0" cellspacing="0">
	<tr >
		<td valign="top" align="left">
			<h2>Menu 1</h2>
		</td>
		<td valign="bottom" align="center">
			<h3 class="price">$6.99</h3>
		</td>
	</tr>

	<tr>
		<td valign="bottom">
			<img class="menu_pic" border="2px" src="images/cafedetail/cafemenu1_peking_duck.jpg" alt="menu1" width="140px" height = "100px">
		</td>

		<td valign="center"><font size="3">Quantity:</font>
			<select name="menu1_quantity">
			<option value="0" selected="selected">0</option>
			<option value="1" >1</option>
			<option value="2" >2</option>
			<option value="3" >3</option>
			<option value="4" >4</option>
			<option value="5" >5</option>
			<option value="6" >6</option>
			<option value="7" >7</option>
			<option value="8" >8</option>
			<option value="9" >9</option>
			<option value="10" >10</option>
			</select>
		</td>
	</tr>
</table>
</div>
</td><!--menu item-->

<td class="menu_data">
<div class="menu" >
<table border="0" cellspacing="0">
	<tr >
		<td valign="top" align="left">
			<h2>Menu 1</h2>
		</td>
		<td valign="bottom" align="center">
			<h3 class="price">$6.99</h3>
		</td>
	</tr>

	<tr>
		<td valign="bottom">
			<img class="menu_pic" border="2px" src="images/cafedetail/cafemenu1_peking_duck.jpg" alt="menu1" width="140px" height = "100px">
		</td>

		<td valign="center"><font size="3">Quantity:</font>
			<select name="menu1_quantity">
			<option value="0" selected="selected">0</option>
			<option value="1" >1</option>
			<option value="2" >2</option>
			<option value="3" >3</option>
			<option value="4" >4</option>
			<option value="5" >5</option>
			<option value="6" >6</option>
			<option value="7" >7</option>
			<option value="8" >8</option>
			<option value="9" >9</option>
			<option value="10" >10</option>
			</select>
		</td>
	</tr>
</table>
</div>
</td><!--menu item-->
</tr><!--end of menu row-->

</table><!--end of menu table-->

<div id="bottom">
<p></p>

<button class="menu_buttons">Order</button>

<button class="menu_buttons">Reset</button>
<p></p>
</div>

	</div><!-- end of tab1 -->

    <div id="tabs-2">
        <p>Restaurant Review.</p>
    </div>
</div><!-- end of tabs -->
</div><!-- end of midnav -->


</div><!-- end of Content -->



<div class="clear" style="height: 40px;"></div>


</div><!-- end content --> 




</div><!-- end container --> 
<div id="footerWrapper">

<div id="footer">
<br />&copy; 2012 CampusSmartFood. All rights reserved. Created by <a href="http://www.campussmartfood.com">CampusSmartFood</a>
</div>
</div>

</div><!-- end bg -->>
</div><!-- end wrapper -->
</body></html>